<div class="button-item">
    <button pButton type="text" *ngIf="currentAct && mode == 0" class="ui-button-success" icon="fa fa-edit" label="编辑"
        (click)="editNodeAttributes(currentAct, $event)"></button>
    <button pButton type="text" *ngIf="currentAct && mode == 0" class="ui-button-danger" icon="fa fa-times" label="删除"
        (click)="deleteActDef(currentAct, $event)"></button>
    <button pButton type="text" class="ui-button-warning" icon="fa fa-refresh" label="重绘"
        (click)="repaintFlow()"></button>
</div>
<div class="ffbuilder-button-item border-spe-bottom">
    <!-- 组件 -->
    <div *ngFor="let act of acts" class="ffbuilder-node" pDraggable="acts"></div>
    <!-- 模式切换 -->
    <i class="fa fa-{{modeIcon}} fa-3x" style="color:white" (click)="exchangeMode()"></i>
</div>
<div class="ui-g" id="procDefContainer" pDroppable="acts" (onDrop)="drop($event)">
    <!-- 流程组件面板 -->
    <div *ngFor="let act of procActDefs" class="draggable {{act.cssClass}}" id="node-{{act.actDefId}}"
        [ngStyle]="act.cssStyle" (click)="nodeClick(act, $event)">
        <span>{{act.actDefName}}</span>
    </div>
</div>